<template>
	<view class="select">
		<view class="select-close">
			
		</view>
	</view>
</template>

<script>
	export default {
		name: 'select-model',
		props: {
			size: {
				type: String,
				// default: 'mini' //mini more all
				// default: 'more' //mini more all
				default: 'all' //mini more all
			},
			title: {
				type: String,
				default: ''
			},
		},
		data() {
			return {
				show: false,
			}
		},
		methods: {
			changeShow() {
				this.show = !this.show;
				this.$emit("update:mainScroll", !this.show);
			}
		}
	}
</script>

<style scoped>
	.select{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		z-index: 100;
		background-color: rgba(0, 0, 0, .2);
	}
	.select-close{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background-color: rgba(0, 0, 0, .2);
	}

	

	.flex-1 {
		flex: 1;
	}
</style>